<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<style type="text/css">
			td{
				width: 80px;
			}
			.search{
				background: orange;
				color: white;
			}
		</style>
		<script src="../课件/jquery-2.1.1.min.js" type="text/javascript" charset="utf-8"></script>
		<script type="text/javascript">
			$(function(){
				$('button').click(function(){
					var value = $('input:eq(0)').val();
					$('tr').removeClass();
					$('tr:contains("'+value+'")').addClass('search');
				})
			})
		</script>
	</head>
	<body>
		<input type="text" /><button>搜索</button><br />
		<br />
		<table border="" cellspacing="0" cellpadding="0">
			<tr><td>徐志摩</td><td>02</td><td>03</td><td>04</td></tr>
			<tr><td>毛泽东</td><td>02</td><td>03</td><td>04</td></tr>
			<tr><td>奥巴马</td><td>02</td><td>03</td><td>04</td></tr>
			<tr><td>孔子</td><td>02</td><td>03</td><td>04</td></tr>
			<tr><td>周恩来</td><td>02</td><td>03</td><td>04</td></tr>
			<tr><td>习大大</td><td>02</td><td>03</td><td>04</td></tr>
			<tr><td>岳飞</td><td>02</td><td>03</td><td>04</td></tr>
			<tr><td>孙悟空</td><td>02</td><td>03</td><td>04</td></tr>
			<tr><td>孙中山</td><td>02</td><td>03</td><td>04</td></tr>
			<tr><td>老子</td><td>02</td><td>03</td><td>04</td></tr>
		</table>
	</body>
</html>
